<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>e车险保</title>
  <link rel="stylesheet" href="styles/main.css">
  <link rel="stylesheet" href="styles/reset.css">
  <link rel="stylesheet" href="styles/user_manage.css">
</head>
<body>
  <header>
    <img class="logo" src="images/logo.png">
    <div class="user-box">
      <i class="portrait"></i>
      <span class="user">13688479164</span>
      <i class="logout"></i>
    </div>
  </header>
  <div class="top-nav">
    <i class="left-arrow one-nav"></i><!--
    --><div class="navs">
      <a class="one-nav active" href="#">
      <img src="images/user_manage.png" alt=""><br>
      <span class="title">用户管理1</span>
      </a><!--
    --><a class="one-nav" href="#">
        <img src="images/user_manage.png" alt=""><br>
        <span class="title">用户管理2</span>
      </a><!--
    --><a class="one-nav" href="#">
        <img src="images/user_manage.png" alt=""><br>
        <span class="title">用户管理3</span>
      </a><!--
    --><a class="one-nav" href="#">
        <img src="images/user_manage.png" alt=""><br>
        <span class="title">用户管理4</span>
      </a><!--
    --><a class="one-nav" href="#">
        <img src="images/user_manage.png" alt=""><br>
        <span class="title">用户管理5</span>
      </a><!--
    --><a class="one-nav" href="#">
        <img src="images/user_manage.png" alt=""><br>
        <span class="title">用户管理6</span>
      </a><!--
    --><a class="one-nav" href="#">
        <img src="images/user_manage.png" alt=""><br>
        <span class="title">用户管理7</span>
      </a><!--
    --><a class="one-nav" href="#">
        <img src="images/user_manage.png" alt=""><br>
        <span class="title">用户管理8</span>
      </a><!--
      --><a class="one-nav" href="#">
        <img src="images/user_manage.png" alt=""><br>
        <span class="title">用户管理9</span>
      </a>
    </div><!--
    --><i class="right-arrow one-nav"></i>
  </div>
  <div class="sub-nav">
    <a class="active">用户列表</a>
    <a>用户扩展属性</a>
    <a>团队管理</a>
  </div>
  <div class="content-box">
    <div class="search-box">
      <form class="form-inline">
        <div class="form-group">
          <label for="nickname">昵称</label><input type="text" id="nickname" class="form-control">
        </div>
        <div class="form-group">
          <label for="username">用户姓名</label><input type="text" id="username" class="form-control">
        </div>
        <div class="form-group">
          <label for="register-date-from">注册时间</label>
          <div class="input-group" style="margin-left:5px;">
            <div class="input-group-addon">from</div>
            <input type="text" class="form-control" id="register-date-from">
            <div class="input-group-addon">to</div>
            <input type="text" class="form-control" id="register-date-to">
          </div>
        </div>
        <div class="form-group">
          <label for="mobile">手机号</label><input type="tel" id="mobile" class="form-control">
        </div>
        <br>
        <div class="form-group">
          <label>是否锁定</label>
          <label class="radio-inline">
            <input type="radio" name="is_lock" id="is_lock_yes" value="option1"> YES
          </label>
          <label class="radio-inline">
            <input type="radio" name="is_lock" id="is_lock_no" value="option2"> NO
          </label>
          <label class="radio-inline">
            <input type="radio" name="is_lock" id="is_lock_all" value="option3"> All
          </label>
        </div>
        <div class="form-group">
          <label>实名认证</label>
          <label class="radio-inline">
            <input type="radio" name="is_certification" id="is_certification_yes" value="option1"> YES
          </label>
          <label class="radio-inline">
            <input type="radio" name="is_certification" id="is_certification_no" value="option2"> NO
          </label>
          <label class="radio-inline">
            <input type="radio" name="is_certification" id="is_certification_all" value="option3"> All
          </label>
          <label class="radio-inline">
            <input type="radio" name="is_certification" id="is_certification_Undefined" value="option3"> Undefined
          </label>
        </div>
        <div class="form-group">
          <label>个人资料是否齐全</label>
          <label class="radio-inline">
            <input type="radio" name="is_full" id="is_full_yes" value="option1"> YES
          </label>
          <label class="radio-inline">
            <input type="radio" name="is_full" id="is_full_no" value="option2"> NO
          </label>
          <label class="radio-inline">
            <input type="radio" name="is_full" id="is_full_all" value="option3"> All
          </label>
          <label class="radio-inline">
            <input type="radio" name="is_full" id="is_full_Undefined" value="option3"> Undefined
          </label>
        </div>
        <br>
        <div class="button-group">
          <div class="button-box">
            <input type="button" value="reset search" class="reset">
            <i class="reset-icon"></i>
          </div>
          <div class="button-box pull-right">
            <input type="button" value="search" class="search">
            <i class="search-icon"></i>
          </div>
        </div>
      </form>
    </div>
    <div class="content"></div>
  </div>
</body>
</html>
